<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>会员充值信息</title>
<%@include file="../collect/meta.jsp"%>
<link rel="stylesheet" href="css/radius.css" type="text/css"></link>
<script type="text/javascript" charset="utf-8"
	src="${ctx }/calender/WdatePicker.js">
	
</script>
</head>
<body lang="zh-cn">
	<div class="wrapper">
		<c:import url="/muser/musertop.jsp"></c:import>
		<div class="main-container" id="main-container">
			<div class="main-container-inner">
				<c:import url="/muser/muserleft.jsp"></c:import>
				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<ul class="breadcrumb">
							<li><i class="icon-home home-icon"></i>充值记录</li>
						</ul>
					</div>
					<div class="page-content">
						<div class="row">
							<div class="col-xs-12">
								<div class="alert alert-success">今年充值额：${yearConsume}元&nbsp;&nbsp;&nbsp;&nbsp;
									本月充值额：${monthConsume}元&nbsp;&nbsp;&nbsp;&nbsp;
									今日充值额：${dayConsume}元
									&nbsp;&nbsp;&nbsp;&nbsp;当前时间段充值额：${timeMoney}元</div>
								<table id="table_bug_report"
									class="table table-striped table-bordered table-hover">
									<tr>
										<td>
											<form action="mbalance!getShopBalance">
												<input type="text" class="Wdate"
													onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
													style="width:186px;height:30px;" placeholder="开始时间"
													name="beginTime" value="${beginTime }">
												<input type="text" class="Wdate"
													onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
													style="width:186px;height:30px;" placeholder="结束时间"
													name="endTime" value="${endTime }">
												<input type="submit" class="btn btn-primary radius btn-sm"
													value="搜 索">
												<c:if test="${message==null }"></c:if>
												<c:if test="${message!=null }">
													<span style="color: red;">${message }</span>
												</c:if>
											</form></td>
									</tr>
								</table>
								<table id="table_bug_report"
									class="table table-striped table-bordered table-hover">
									<tr>
										<td width="17%" height="25"><div align="center">会员手机号</div>
										</td>
										<td width="12%"><div align="center">姓名</div>
										</td>
										<td width="16%"><div align="center">充值金额</div>
										</td>
										<td width="16%"><div align="center">店铺名称</div>
										</td>
										<td width="16%"><div align="center">操作人</div>
										</td>
										<td width="23%"><div align="center">充值时间</div>
										</td>
									</tr>
									<c:forEach items="${balances}" var="ibalance"
										varStatus="status">
										<tr <c:if test="${status.count%2==0}">bgcolor="#d8e7f0"</c:if>
											<c:if test="${status.count%2!=0}">bgcolor="#ffffff"</c:if>>
											<td height="25"><div align="center">${ibalance.memberMobile}</div>
											</td>
											<td><div align="center">${ibalance.memberName }</div>
											</td>
											<td><div align="center">${ibalance.money }</div>
											</td>
											<td><div align="center">${ibalance.shopName }</div>
											</td>
											<td><div align="center">${ibalance.userName}</div>
											</td>
											<td><div align="center">${ibalance.createTime }</div>
											</td>
										</tr>
									</c:forEach>
								</table>
								<table width="100%" border="0">
									<tr bgcolor="#fff0f0">
										<td width="19%">&nbsp;</td>
										<td width="13%"><div align="center">
												<a
													href="mbalance!getShopBalance?index=1&beginTime=${beginTime }&endTime=${endTime }">第一页</a>
											</div>
										</td>
										<td width="13%"><div align="center">
												<a
													href="mbalance!getShopBalance?index=${index-1}&beginTime=${beginTime }&endTime=${endTime }">上一页</a>
											</div>
										</td>
										<td width="10%"><div align="center">${index }</div>
										</td>
										<td width="13%"><div align="center">
												<a
													href="mbalance!getShopBalance?index=${index+1 }&beginTime=${beginTime }&endTime=${endTime }">下一页</a>
											</div>
										</td>
										<td width="13%"><div align="center">
												<a
													href="mbalance!getShopBalance?index=${page }&beginTime=${beginTime }&endTime=${endTime }">最末页</a>
											</div>
										</td>
										<td width="19%">&nbsp;</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<a href="#" id="btn-scroll-up"
				class="btn-scroll-up btn btn-sm btn-inverse"
				style="position:fixed;bottom:0;"> <i
				class="icon-double-angle-up icon-only bigger-110"></i> </a>
		</div>
		<div class="push"></div>
	</div>
	<c:import url="/collect/down.jsp"></c:import>
</body>

<script type="text/javascript">
	$(document).ready(function() {
		$('.mjilu > ul').show();
		$('.mjilu > ul > li > a').eq(0).css("color", "red");
	});
</script>
</html>